@charset "utf-8";

#m-header {display:none;}
#navigation {display:none;}

.m_sch_wrap { background:#679dd0;padding:10px 10px;display:none; }
.m_sch_wrap div { border:1px solid #fff;background:#fff;padding:0 10px;border-radius:50px; }
.m_sch_wrap div input { border:none; padding:5px 0px; width:80%;box-sizing: border-box; }
.m_sch_wrap div button { float:right; background:#fff; font-size:20px;margin-right:2px; width:30px; line-height:25px;  color:#000;}


@media (max-width:800px){
	.frontheader .m_btn {left:10px; top:50px; width:30px; display:block; position:absolute; z-index:20; }
	.frontheader .m_btn img {width:100%;  }
	.top_banner {display:none;}

	#header {display:none;}
	#m-header {display:block; background:#fff; position:fixed; z-index:999; width:100%; border-bottom:1px solid #ccc; top:0; height:65px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-sizing:border-box; }
	#m-header h1 { width:168px;  margin:10px auto 0px;}
	#m-header h1 a {display:block; width:168px; height:38px; background:url('/images/m_logo.gif') no-repeat 0 0; text-indent:-1000em; z-index:9999; background-size:100%;box-sizing:border-box; }
	#m-header .header-icon_menu {position:absolute; top:20px; left:15px;}
	#m-header .header-icon_menu a {display:block; width:22px; height:23px; background:url('/images/ico_menu.png'); background-size:100%;}
	#m-header .header-icon_search {position:absolute; top:20px; right:15px;}
	#m-header .header-icon_search a {display:block; width:25px; height:24px; background:url('/images/btn_search.png'); background-size:100%;}

	#navigation {position:fixed; display:block; width:260px;  background:#fff; z-index:1001; top:0; left:-100%; height:100%;}
	#navigation .head { position:relative; height: 65px; border-bottom:1px solid #ccc; box-sizing:border-box;}
	#navigation .head a.topmenu_close {position:absolute; left:15px; top:19px; font-size:30px; width:30px; height:30px; line-height:32px; color:#000; text-align:center; display:inline-block; }
	#navigation .head ul {position: absolute; top:25px; right:10px;}
	#navigation .head ul li:first-child {border-left:none;} 
	#navigation .head ul li{float:left; padding:0px 10px; border-left: 1px solid #B5B5B5;}
	#navigation .head ul li a{opacity: 0.8; }
	#navigation .head ul li a:hover{opacity: 1.0; }

	#navigation ul.topmenu { width:100%; clear:both;}
	#navigation ul.topmenu li { border-bottom:1px solid #e5e5e5; }
	#navigation ul.topmenu li a {font-size:17px; padding:10px 0; color:#313131; text-indent:20px; font-weight:700; display:block; text-decoration:none; position:relative;}
	#navigation ul.topmenu li a::after {content: "\f078"; font-family: 'FontAwesome'; color:#fff; right:10px; position:absolute; top:11px; font-size:12px;}
	#navigation ul.topmenu li a span{  font-size:12px; vertical-align: super; }

	#navigation ul.topmenu li.hover {}
	#navigation ul.topmenu li.hover a::after {content: "\f077"; font-family: 'FontAwesome'; color:#fff; right:10px; position:absolute; top:15px; font-size:12px;}

	#navigation ul.topmenu li.m-menu ul {display:none;}
	#navigation ul.topmenu li.m-menu ul li {background:#f9f9f9; border-bottom:1px solid #eee;  }
	#navigation ul.topmenu li.m-menu ul li:last-child {border-bottom:none;  }
	#navigation ul.topmenu li.m-menu ul li a {display:block; padding:10px 0; color:#808080; font-size:16px; background:#f9f9f9;  text-indent:20px; }
	#navigation ul.topmenu li.m-menu ul li a::after {display:none;}

	#navigation .nav_foot { width: 100%; z-index:1; padding-left:20px; background-color: #484848;}
	#navigation .nav_foot ul li {display: block; float:left;}
	#navigation .nav_foot ul li a {position: relative; display: block; width: 100%; line-height: 50px; background-color: #484848; text-align: center; box-sizing: border-box;}
	#navigation .nav_foot ul li a em {font-size:14px; line-height: 23px; color:#fff; text-transform:uppercase;}

	.modalBg.over { position:fixed; left:0; top:0; width:100%; z-index:1000; height:100%; background:#000; opacity:0.5; }
}

@media (max-width:1000px){
}
@media (max-width:980px){

	/* 서브 유튜브 영상 */ 	
	.video-container_sub { 	
		margin-top:0px ;	
		padding-bottom: 56%; 	
		max-width: 100%; 	
		height: 0;  	
		position: relative;	
		overflow: hidden;	
	} 	
	.video-container_sub iframe, 	
	.video-container_sub object,	
	.video-container_sub embed {	
		margin: 0;	
		padding: 0;  	
		width: 100%; 	
		height: 100%;	
		position: absolute; 	
		top: 0; 	
		left: 0; 	
	}	


}
@media (max-width:900px){


}

/* ############################################################ */
/* ===================== 디바이스 800px
/* ############################################################ */
@media (max-width:800px){



}
/* ############################################################ */
/* ===================== 디바이스 768px
/* ############################################################ */
@media (max-width:768px){

}
/* ############################################################ */
/* ===================== 디바이스 640px
/* ############################################################ */
@media (max-width:640px){

}

@media (max-width:600px){


}
/* ############################################################ */
/* ===================== 디바이스 568px
/* ############################################################ */
@media (max-width:568px){


}
/* ############################################################ */
/* ===================== 디바이스 480px
/* ############################################################ */
@media (max-width:480px){


}

@media (max-width:440px){


}

@media (max-width:400px){


}
@media (max-width:360px){


}
/* ############################################################ */
/* ===================== 디바이스 320px
/* ############################################################ */
@media (max-width:320px){


}